<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="res/css/main.css">
<link rel="stylesheet" href="res/css/index.css">
<link rel="stylesheet" href="custom/css/bloger.css">
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
   <link rel="stylesheet" href="static/css/index.css">
   <link rel="stylesheet" href="res/layui/css/layui.css">
<title>赛程安排</title>
<style>
	.title{
		width:100%;
		margin:20px 0px 25px 0px;
		font-size: 27px;
		text-align: center;
		color: #EE7621;
	}
</style>
</head>
<body>

	<!-- 导入导航栏 -->
	<div class="layui-container" style="width:100%">
	  	<%@ include file="header.jsp" %> 
  	</div>
  	
  	<!-- 项目展示 -->
    <div class="cont w1100" style="background-color:;">
    	<div class="list-item">
	        <div class="item">
	          <div class="layui-fluid">
	            <div class="layui-row">
	              <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
	                    <div class="info title" style="width:100%;border-bottom: 2px solid #4A708B"><p style="margin-bottom: 30px;">赛事安排</p></div>
	              </div>
	            </div>
	          </div>
	         </div>
			<div class="layui-fluid">
				<div class="layui-row">
				<c:forEach items="${arrangelist }" var="obj" >
					<div class="layui-col-xs3 layui-col-sm3 layui-col-md3" style="margin: 0px 5px 15px 5px;width: 32%;">
						<div class="layui-card">
					   		<div class="layui-card-body">
					   			<div id="">
						   			<a href="oneArrange.action?arrangeid=${obj.arrangeid }">
										<img alt="" src="${obj.photonote }" height="180px" width=100%>
									 </a>
								</div>
							</div>
					   		<h2 style="margin-bottom: 5px;color: #1F1F1F;"><a href="oneArrange.action?arrangeid=${obj.arrangeid }"><span style="color: #1F1F1F;font-size: 18px;">&nbsp;【${obj.projectname }】</span></a></h2>
								<p style="margin-bottom: 5px;color: #1F1F1F;">
									&nbsp;&nbsp;发布时间：<span>${obj.newtime }</span>
								</p>
								<p style="margin-bottom: 5px;color: #1F1F1F;">
									&nbsp;&nbsp;比赛项目：<span>${obj.projectname }</span>
								</p>
								<p style="margin-bottom: 5px;color: #1F1F1F;">
									&nbsp;&nbsp;比赛场地：<span>${obj.venue }</span>
								</p>
								<p style="margin-bottom: 5px;color: #1F1F1F;">
									&nbsp;&nbsp;比赛时间：<span>开始时间：${obj.starttime } —— ${obj.endtime }</span>
								</p>
								<c:if test="${obj.competitionstatus == 1 }">
									<p>
										&nbsp;&nbsp;比赛状态：
										<button style="margin-bottom: 7px;" class="layui-btn layui-btn-warm layui-btn-radius"><span>未开始</span></button>									
									</p>
								</c:if>
								<c:if test="${obj.competitionstatus == 2 }">
									<p>
										&nbsp;&nbsp;比赛状态：
										<button style="margin-bottom: 7px;" class="layui-btn layui-btn-warm layui-btn-radius"><span>正在进行...</span></button>									
									</p>
								</c:if>
								<c:if test="${obj.competitionstatus == 3 }">
									<p>
										&nbsp;&nbsp;比赛状态：
										<button style="margin-bottom: 7px;" class="layui-btn layui-btn-warm layui-btn-radius"><span>已结束</span></button>									
									</p>
								</c:if>
					   	</div>
					</div>
				</c:forEach>
				
				<!-- 分页开始 -->
				 <div id = "footer" class="layui-col-xs6 layui-col-md12">
		        	<ul>          
		            <li class = "pagedo">共${pageAmount }页</li>
		            <li class = "pagedo"><a  href="arrange.action?curpage=${pageAmount}">最末页</a></li>
		            <li class = "pagedo"><a  href="arrange.action?curpage=${curPage+1}">下一页</a></li>
		        <c:forEach begin="1" end="${pageAmount }" step="1" var="i">
		        	<c:if test="${curPage!=pageAmount-i+1 }">
			        	<li class = "pageselect"><a href="arrange.action?curpage=${pageAmount-i+1}">${pageAmount-i+1}</a></li>
		        </c:if>
		            <c:if test="${curPage==pageAmount-i+1 }">
			            <li class = "page"><a href="arrange.action?curpage=${pageAmount-i+1}">${pageAmount-i+1}</a></li>
		            </c:if>
		        </c:forEach>
		            <li class = "pagedo"><a  href="arrange.action?curpage=${curPage-1}">上一页</a></li>
		            <li class = "pagedo"><a  href="arrange.action?curpage=1">首页</a></li>
		        </ul>
		        </div>
				
				</div>
			</div>
		</div>
    </div>
    <br><br><br>
  	
  	<!-- footer部分 -->
	<div class="layui-container" style="width:100%;margin-top:10px;">
	  	<%@ include file="footer.jsp" %> 
  	</div>
<script src="res/layui/layui.js"></script>
</body>
</html>
